.headthtwo {
    width: 100%;
    height: 100%;
    background: url(../../assets/组\ 3108\ -\ 男女历年健康指数.svg) no-repeat;
    padding: 5%;
    padding-top: 10%;
    position: relative;
}

.project-items {
    width: 100%;
    height: 90%;
    margin-top: 6%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.project-item {
    width: 100%;
    display: flex;
    align-items: center;
}

.project-item h3 {
    color: #eee;
}

.slider___14dQO {
    flex: 1;
    margin: 0 20px;
}

.types {
    width: 26%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    right: 10%;
    top: 14%;
}

.types>div {
    display: flex;
    width: 50%;
    height: 100%;
    align-items: center;
    justify-content: space-around;
}

.types div .boy {
    width: 10px;
    height: 10px;
    background: #FFB52B;
}

.types div .girl {
    width: 10px;
    height: 10px;
    background: #019CFD;
}

.types div.active .boy,
.types div.active .girl {
    background: #ccc;
}